<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--图片-->
<th:block th:fragment="right-pic">
  <div class=rightpic>
    <img th:src="${theme.config.rightSidebar.rightPic ?: #theme.assets('/img/daily_pic.webp')}"  alt class=rightimg>

  </div>
</th:block>
<!--图片链接-->
<th:block th:fragment="to-links">
  <div class="jieli" th:utext="${theme.config.rightSidebar.toLinks}">

  </div>

</th:block>
<!--微博热搜-->
<th:block th:fragment="weibo">
  <section class="widget archives">
    <div class=widget-icon>
      <svg t="1679284672758" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2816" width="200" height="200"><path d="M851.4 590.193c-22.196-66.233-90.385-90.422-105.912-91.863-15.523-1.442-29.593-9.94-19.295-27.505 10.302-17.566 29.304-68.684-7.248-104.681-36.564-36.14-116.512-22.462-173.094 0.866-56.434 23.327-53.39 7.055-51.65-8.925 1.89-16.848 32.355-111.02-60.791-122.395C311.395 220.86 154.85 370.754 99.572 457.15 16 587.607 29.208 675.873 29.208 675.873h0.58c10.009 121.819 190.787 218.869 412.328 218.869 190.5 0 350.961-71.853 398.402-169.478 0 0 0.143-0.433 0.575-1.156 4.938-10.506 8.71-21.168 11.035-32.254 6.668-26.205 11.755-64.215-0.728-101.66z m-436.7 251.27c-157.71 0-285.674-84.095-285.674-187.768 0-103.671 127.82-187.76 285.674-187.76 157.705 0 285.673 84.089 285.673 187.76 0 103.815-127.968 187.768-285.673 187.768z" fill="#E71F19" p-id="2817"></path><path d="M803.096 425.327c2.896 1.298 5.945 1.869 8.994 1.869 8.993 0 17.7-5.328 21.323-14.112 5.95-13.964 8.993-28.793 8.993-44.205 0-62.488-51.208-113.321-114.181-113.321-15.379 0-30.32 3.022-44.396 8.926-11.755 4.896-17.263 18.432-12.335 30.24 4.933 11.662 18.572 17.134 30.465 12.238 8.419-3.46 17.268-5.33 26.41-5.33 37.431 0 67.752 30.241 67.752 67.247 0 9.068-1.735 17.857-5.369 26.202a22.832 22.832 0 0 0 12.335 30.236l0.01 0.01z" fill="#F5AA15" p-id="2818"></path><path d="M726.922 114.157c-25.969 0-51.65 3.744-76.315 10.942-18.423 5.472-28.868 24.622-23.5 42.91 5.509 18.29 24.804 28.657 43.237 23.329a201.888 201.888 0 0 1 56.578-8.064c109.253 0 198.189 88.271 198.189 196.696 0 19.436-2.905 38.729-8.419 57.16-5.508 18.289 4.79 37.588 23.212 43.053 3.342 1.014 6.817 1.442 10.159 1.442 14.943 0 28.725-9.648 33.37-24.48 7.547-24.906 11.462-50.826 11.462-77.175-0.143-146.588-120.278-265.813-267.973-265.813z" fill="#F5AA15" p-id="2819"></path><path d="M388.294 534.47c-84.151 0-152.34 59.178-152.34 132.334 0 73.141 68.189 132.328 152.34 132.328 84.148 0 152.337-59.182 152.337-132.328 0-73.15-68.19-132.334-152.337-132.334zM338.53 752.763c-29.454 0-53.39-23.755-53.39-52.987 0-29.228 23.941-52.989 53.39-52.989 29.453 0 53.39 23.76 53.39 52.989 0 29.227-23.937 52.987-53.39 52.987z m99.82-95.465c-6.382 11.086-19.296 15.696-28.726 10.219-9.43-5.323-11.75-18.717-5.37-29.803 6.386-11.09 19.297-15.7 28.725-10.224 9.43 5.472 11.755 18.864 5.37 29.808z" fill="#040000" p-id="2820"></path></svg>

    </div>
    <h2 class="widget-title section-title">
      微博热搜
    </h2>
    <div class=widget-archive--list>
    <div id="weibo_hot" class="weibo_hot">
    </div>
    <a class="hot-ranking-more" href="https://s.weibo.com/top/summary?cate=realtimehot" target="_blank" title="点击查看完整热搜榜">点击查看完整热搜榜</a>
    </div>
  </section>
</th:block>

<!--搜索组件-->
<th:block th:fragment="search">
  <br>
  <br>
<form action='' class="search-form widget">
  <p>
    <label>
      搜索
    </label>
    <input name=keyword placeholder=输入关键词...>
    <button title=搜索>
      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search"
           width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#00b341"
           fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path stroke="none" d="M0 0h24v24H0z" fill="none" />
        <circle cx="10" cy="10" r="7" />
        <line x1="21" y1="21" x2="15" y2="15" />
      </svg>
    </button>
  </p>
</form>
</th:block>
<!--归档组件-->
<th:block th:fragment="archives">
<section class="widget archives">
  <div class=widget-icon>
    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-infinity"
         width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor"
         fill="none" stroke-linecap="round" stroke-linejoin="round">
      <path stroke="none" d="M0 0h24v24H0z" />
      <path d="M9.828 9.172a4 4 0 100 5.656A10 10 0 0012 12a10 10 0 012.172-2.828 4 4 0 110 5.656A10 10 0 0112 12 10 10 0 009.828 9.172"
      />
    </svg>
  </div>
  <h2 class="widget-title section-title">
    归档
  </h2>
  <div class=widget-archive--list th:with="archives = ${postFinder.archives(1,10000)}">
    <th:block th:each="archive : ${archives.items}">

      <div class=archives-year>
        <a th:href="@{'/archives/'+${archive.year}}">
                <span class=year>
                  [[${archive.year}]]
                </span>
          <span class=count th:with="archiveTotal = ${postFinder.archives(1,10000,archive.year)}">
                  [[${archiveTotal.total}]]
                </span>
        </a>
      </div>
    </th:block>
  </div>
</section>
</th:block>
<!--分类组件-->
<th:block th:fragment="category">
<section class="widget tagCloud" >
  <div class=widget-icon>
    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash"
         width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor"
         fill="none" stroke-linecap="round" stroke-linejoin="round">
      <path stroke="none" d="M0 0h24v24H0z" />
      <line x1="5" y1="9" x2="19" y2="9" />
      <line x1="5" y1="15" x2="19" y2="15" />
      <line x1="11" y1="4" x2="7" y2="20" />
      <line x1="17" y1="4" x2="13" y2="20" />
    </svg>
  </div>
  <h2 class="widget-title section-title">
    分类
  </h2>
  <div class=tagCloud-tags th:with="categories = ${categoryFinder.listAll()}">
    <a th:each="category : ${categories}"
       th:href="@{${category.status.permalink}}"
       th:text="${category.spec.displayName}" class="">

    </a>

  </div>
</section>
</th:block>
<!--标签组件-->
<th:block th:fragment="tags">
<section class="widget tagCloud" >
  <div class=widget-icon>
    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tag"
         width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor"
         fill="none" stroke-linecap="round" stroke-linejoin="round">
      <path stroke="none" d="M0 0h24v24H0z" />
      <path d="M11 3l9 9a1.5 1.5.0 010 2l-6 6a1.5 1.5.0 01-2 0L3 11V7a4 4 0 014-4h4"
      />
      <circle cx="9" cy="9" r="2" />
    </svg>
  </div>
  <h2 class="widget-title section-title">
    标签云
  </h2>
  <div class=tagCloud-tags th:with="tags = ${tagFinder.list(1,10)}">
    <a th:each="tag : ${tags.items}"
       th:href="@{${tag.status.permalink}}"
       th:text="${tag.spec.displayName}"
       class="">

    </a>
  </div>
</section>

</th:block>
<!--目录组件-->
<th:block th:fragment="list">
  <section class="widget archives" id="listwidgets" th:fragment="list">
    <div class=widget-icon>
      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash"
           width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentcolor"
           fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path stroke="none" d="M0 0h24v24H0z" />
        <line x1="5" y1="9" x2="19" y2="9" />
        <line x1="5" y1="15" x2="19" y2="15" />
        <line x1="11" y1="4" x2="7" y2="20" />
        <line x1="17" y1="4" x2="13" y2="20" />
      </svg>
    </div>
    <h2 class="widget-title section-title">
      目录
    </h2>
    <div class=widget--toc>
      <nav id=TableOfContents>
        <ol>
          <li>

          </li>
        </ol>
      </nav>
    </div>
  </section>
</th:block>
<th:block th:fragment="newcomments">
  <br>
  <br>
  <div class=newcomments>
    <div class=newtext>
      📢最新评论:
    </div>
    <div id="waline-recent">
      <th:block th:if="${theme.config.article.articleComment == 'halo-comment'}">
        <th:block th:each="result : ${commentFinder.list(null,1,2)}">
          <img th:src="${result.owner.avatar}" th:alt="${result.owner.displayName}">[[${result.owner.displayName}]]: <p>[[${result.spec.content}]]</p>
        </th:block>


      </th:block>
    </div>
  </div>
  <th:block th:if="${theme.config.article.articleComment == 'waline-comment'}">
  <script type="module">
    const walineUrl = "[[${theme.config.article.walineUrl}]]";
    import { RecentComments } from 'https://cdn.jsdelivr.net/npm/@waline/client/dist/waline.mjs';
    RecentComments({

      serverURL: walineUrl,
      count: 2,
    }).then(({ comments }) => {
      document.getElementById('waline-recent').innerHTML = comments.map(
              (comment) => `<img src="${comment.avatar}" alt="" >${comment.nick}: ${comment.comment}`
      );
    });
  </script>
  </th:block>
</th:block>

</html>